$('#panel-right').height($("body").height() - 90)
$('footer').css({
    'padding-top':`${$('#panel-center').height()-20}px`
})

function toplt(){

    $('footer').css({
        'padding-top':`${$(window).height()-$('#panel-center').height()-158}px`
    })

}


window.onresize = function () {
    $('#panel-right').height($("body").height() - 90)
    $('#detail').height($("body").height() - 60)

    // 新建问卷
   
}


function showMsg(){
    $('#detail').height($("body").height() - 60).css('top', `-${$("body").height() - 60}px`)

    $('#detail .share button').hover((el) => {
        $(el.target).removeClass().addClass('layui-btn layui-btn-primary layui-border-blue')
    }, (el) => {
        $(el.target).removeClass().addClass('layui-btn layui-btn-primary layui-border-black')
    })
    
    
    $('#detail .wj-ico .statistics').hover(() => {
        $('#detail .wj-ico .context').css('color', '#23A1FF')
        $('#detail .wj-ico .data-ico').css({
            background: 'url(/img/statistics2.png) no-repeat',
            width: '32px'
        })
    }, () => {
        $('#detail .wj-ico .context').css('color', 'rgba(0,0,0,.85)')
        $('#detail .wj-ico .data-ico').css({
            background: 'url(/img/statistics1.png) no-repeat',
            width: '32px',
            height: '32px'
        })
    })
    
    $('#detail .wj-ico .end').hover(() => {
        $('#detail .wj-ico .end-title').css('color', '#23A1FF')
        $('#detail .wj-ico .end-ico').css({
            background: 'url(/img/end-hover.png) no-repeat',
            width: '32px'
        })
    }, () => {
        $('#detail .wj-ico .end-title').css('color', 'rgba(0,0,0,.85)')
        $('#detail .wj-ico .end-ico').css({
            background: 'url(/img/end.png) no-repeat',
            width: '32px',
            height: '32px'
        })
    })
    
    $('#detail .wj-ico .rm').hover(() => {
        $('#detail .wj-ico .rm-title').css('color', '#23A1FF')
        $('#detail .wj-ico .rm-ico').css({
            background: 'url(/img/wj-rm2.png) no-repeat',
            width: '32px'
        })
    }, () => {
        $('#detail .wj-ico .rm-title').css('color', 'rgba(0,0,0,.85)')
        $('#detail .wj-ico .rm-ico').css({
            background: 'url(/img/wj-rm.png) no-repeat',
            width: '32px',
            height: '32px'
        })
    })
    $('#detail .wj-ico .cp').hover(() => {
        $('#detail .wj-ico .cp-title').css('color', '#23A1FF')
        $('#detail .wj-ico .cp-ico').css({
            background: 'url(/img/wj-cp2.png) no-repeat',
            width: '32px'
        })
    }, () => {
        $('#detail .wj-ico .cp-title').css('color', 'rgba(0,0,0,.85)')
        $('#detail .wj-ico .cp-ico').css({
            background: 'url(/img/wj-cp.png) no-repeat',
            width: '32px',
            height: '32px'
        })
    })
    $('#detail .wj-ico .ps').hover(() => {
        $('#detail .wj-ico .ps-title').css('color', '#23A1FF')
        $('#detail .wj-ico .ps-ico').css({
            background: 'url(/img/wj-ps2.png) no-repeat',
            width: '32px'
        })
    }, () => {
        $('#detail .wj-ico .ps-title').css('color', 'rgba(0,0,0,.85)')
        $('#detail .wj-ico .ps-ico').css({
            background: 'url(/img/wj-ps.png) no-repeat',
            width: '32px',
            height: '32px'
        })
    })
    
    //关闭右侧弹出信息
    $('#detail .wj-info .close-detail').on('click', closeMsg)
    
    $('#panel-center li').on('click', (el) => {
        $('#panel-right .wj').css('border', '2px solid white')
    
        if ($(el.target).hasClass('wj'))
            $(el.target).css('border', '2px solid #2275F8')
        else if ($(el.target).hasClass('explain'))
            $(el.target).parent().css('border', '2px solid #2275F8')
        else
            $(el.target).parent().parent().css('border', '2px solid #2275F8')
    
        $('#detail').show().animate({
            top: '60px'
        }, 500)
    
    })
}

function closeMsg(){
    $('#detail').animate({
        top: `-${$('#detail').height() + 60}px`
    }, 500)
}

// 新建问卷
$('#option').height($("body").height() - 44)

$('#option .option-list').height($("body").height() - 200)
$('#write-wj').height($("body").height() - 44).width($("body").width()-283)
$('#write-wj .content').width($("body").width()-350).height($("body").height()-65)


//文本框高亮
function textboxhighlight(){
    $('.myinput-css').on('focus', function () {
        $(this).css({
            border: '1px solid #479DE6',
            transition: 'all .4s'
        })
    })
    
    $('.myinput-css').on('blur', function () {
        $(this).css({
            border: '1px solid rgb(214, 209, 212)',
            transition: 'all .4s'
        })
    })

}




// $('.myselect-css').on('focus', function () {
//     $(this).css({
//         border: '1px solid #479DE6',
//         transition: 'all .4s'
//     })
// })
// $('.myselect-css').on('blur', function () {
//     $(this).css({
//         border: '1px solid rgb(214, 209, 212)',
//         transition: 'all .4s'
//     })
// })




